<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
      <link rel="stylesheet" type="text/css" href="style/artlist.css">
      <link rel="stylesheet" type="text/css" href="style/basic.css">
      <meta name="Keywords" content="艺术品列表">
      <meta name="description" content="艺术品列表">
      <meta name="apple-mobile-web-app-capable" content="yes">
      <meta content="black" name="apple-mobile-web-app-status-bar-style">
      <meta content="telephone=no" name="format-detection">
      <meta property="qc:admins" content="2275617726564116375">
      <meta http-equiv="Cache-Control" content="no-transform ">
      <meta name="applicable-device" content="mobile">
      <meta name="viewport" content="minimal-ui=yes,width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
</head>
<body>
  <!-- 头部 -->
   <div class="con_top clearfix wrap">
      <div class="top_menu"><span>2</span></div>
      <div class="top_logo"> </div>
      <div class="cancel" id="loginCancel">取消</div>   
   </div>
   <!-- 搜索框 -->
   <div class="search_box">
       <input class="search_bar" id="searchBar" type="text" placeholder="请输入关键字..." value="">
   </div>
   <!-- 分类列表 -->
   <div class="list_menu">
       <a href="javascript:;">类别</a>
       <a href="javascript:;">题材</a>
       <a href="javascript:;">排序</a>
       <a href="javascript:;">筛选</a>  
   </div>

   <ul class="pic_list">
      <li>
          <a href="javascript:;" >
          <div class="pic">
            <img src="images/background.jpg">
            <span>￥25000.00</span>
          </div>
          <p class="pic_name">外面的世界<p>
          <p class="artist">小春哥<p>
          <p class="pic_size">水彩|25*37cm</p>
          </a>
      </li>

      <li>
          <a href="javascript:;" >
          <div class="pic">
            <img src="images/background.jpg">
            <span>￥25000.00</span>
          </div>
          <p class="pic_name">外面的世界<p>
          <p class="artist">小春哥<p>
          <p class="pic_size">水彩|25*37cm</p>
          </a>
      </li>

      <li>
          <a href="javascript:;" >
          <div class="pic">
            <img src="images/background.jpg">
            <span>￥25000.00</span>
          </div>
          <p class="pic_name">外面的世界<p>
          <p class="artist">小春哥<p>
          <p class="pic_size">水彩|25*37cm</p>
          </a>
      </li>

      <li>
          <a href="javascript:;" >
          <div class="pic">
            <img src="images/background.jpg">
            <span>￥25000.00</span>
          </div>
          <p class="pic_name">外面的世界<p>
          <p class="artist">小春哥<p>
          <p class="pic_size">水彩|25*37cm</p>
          </a>
      </li>
   </ul>
   <div class="shufameili">
      <div class="shufa"></div>
      <p>无人能解的书法魅力</p>
   </div>
   <ul class="pic_list">
      <li>
          <a href="javascript:;" >
          <div class="pic">
            <img src="images/background.jpg">
            <span>￥25000.00</span>
          </div>
          <p class="pic_name">外面的世界<p>
          <p class="artist">小春哥<p>
          <p class="pic_size">水彩|25*37cm</p>
          </a>
      </li>

      <li>
          <a href="javascript:;" >
          <div class="pic">
            <img src="images/background.jpg">
            <span>￥25000.00</span>
          </div>
          <p class="pic_name">外面的世界<p>
          <p class="artist">小春哥<p>
          <p class="pic_size">水彩|25*37cm</p>
          </a>
      </li>

      <li>
          <a href="javascript:;" >
          <div class="pic">
            <img src="images/background.jpg">
            <span>￥25000.00</span>
          </div>
          <p class="pic_name">外面的世界<p>
          <p class="artist">小春哥<p>
          <p class="pic_size">水彩|25*37cm</p>
          </a>
      </li>

      <li>
          <a href="javascript:;" >
          <div class="pic">
            <img src="images/background.jpg">
            <span>￥25000.00</span>
          </div>
          <p class="pic_name">外面的世界<p>
          <p class="artist">小春哥<p>
          <p class="pic_size">水彩|25*37cm</p>
          </a>
      </li>
   </ul>
</body>
</html>